<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<%@ include file="_head.jsp"%>
<body data-type="index">
	<script src="<%=request.getContextPath()%>/static/admin/js/theme.js"></script>
	<div class="am-g tpl-g">
		<!-- 头部 -->
		<%@include file="_header.jsp"%>
		<!-- 风格切换 -->
		<%@include file="_skiner.jsp"%>
		<!-- 侧边导航栏 -->
		<%@include file="_sidebar.jsp"%>
		<!-- 内容区域 -->
		<div class="tpl-content-wrapper">
			<div class="container-fluid am-cf">
				<div class="row">
					<div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
						<div class="page-header-heading">
							<span class="am-icon-home page-header-heading-icon"></span> 部件首页
							<small>Amaze UI</small>
						</div>
						<p class="page-header-description">Amaze UI 含近 20 个 CSS 组件、20
							余 JS 组件，更有多个包含不同主题的 Web 组件。</p>
					</div>
				</div>
			</div>
			<div class="row-content am-cf">
				<div class="row  am-cf">
					<div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
						<div class="widget am-cf">
							<div class="widget-head am-cf">
								<div class="widget-title am-fl">月度财务收支计划</div>
								<div class="widget-function am-fr">
									<a href="javascript:;" class="am-icon-cog"></a>
								</div>
							</div>
							<div class="widget-body am-fr">
								<div class="am-fl">
									<div class="widget-fluctuation-period-text">
										￥61746.45
										<button class="widget-fluctuation-tpl-btn">
											<i class="am-icon-calendar"></i> 更多月份
										</button>
									</div>
								</div>
								<div class="am-fr am-cf">
									<div class="widget-fluctuation-description-amount text-success"
										am-cf>+￥30420.56</div>
									<div class="widget-fluctuation-description-text am-text-right">
										8月份收入</div>
								</div>
							</div>
						</div>

					</div>
					<div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
						<div class="widget widget-primary am-cf">
							<div class="widget-statistic-header">本季度利润</div>
							<div class="widget-statistic-body">
								<div class="widget-statistic-value">￥27,294</div>
								<div class="widget-statistic-description">
									本季度比去年多收入 <strong>2593元</strong> 人民币
								</div>
								<span class="widget-statistic-icon am-icon-credit-card-alt"></span>
							</div>
						</div>
					</div>
					<div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
						<div class="widget widget-purple am-cf">
							<div class="widget-statistic-header">本季度利润</div>
							<div class="widget-statistic-body">
								<div class="widget-statistic-value">￥27,294</div>
								<div class="widget-statistic-description">
									本季度比去年多收入 <strong>2593元</strong> 人民币
								</div>
								<span class="widget-statistic-icon am-icon-support"></span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%@ include file="_footer.jsp"%>
</body>
</html>